﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>Team-Blackcurrant-SinglePageApp</title>
        <!-- Region external JS libraries -->
        <script src="libs/jquery-2.0.2.min.js"></script>
        <script src="libs/kendo.web.js"></script>
        <script src="libs/knockout-2.2.1.js"></script>
        <script src="libs/protoClass.js"></script>
        <script src="libs/mongoLab.js"></script>

        <!-- Region for our scripts -->
        <script src="scripts/TripDetails.js"></script>
        <script src="scripts/testMongoDBConnection.js"></script>
        <script src="scripts/dbModule.js"></script>
        <script src="scripts/DataManagerModule.js"></script>

        <!-- Region for Kendo widgets style -->
        <link href="styles/kendo.default.min.css" rel="stylesheet" />
        <link href="styles/kendo.common.min.css" rel="stylesheet" />

        <!-- Region for our styles -->
        <link href='http://fonts.googleapis.com/css?family=Comfortaa:300&subset=latin,cyrillic-ext' rel='stylesheet' type='text/css' />
        <link href="styles/style.css" rel="stylesheet" />
    </head>

    <body>
        <!-- Facebook -->

<!--        <div id="fb-root"></div>
        <script>(function (d, s, id) {
            var js, fjs = d.getElementsByTagName(s)[0];
            if (d.getElementById(id))
                return;
            js = d.createElement(s);
            js.id = id;
            js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
            fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));</script>
        <div class="fb-like" data-href="https://www.facebook.com/TelerikAcademy" data-send="true" data-width="450" data-show-faces="false" data-font="trebuchet ms" data-action="recommend"></div>-->

        <!-- End of Facebook region -->

        <!-- Main container -->
        <div id="container">
            <header>
                <h1>
                    Vozi.me
                </h1>
            </header>
            <section>
                <button id="searchTransportation">Търси превоз</button>
                <button id="offerTransportation">Предлагам превоз</button>
            </section>

            <section id="content">
            </section>
        </div>

        <script>
            // TODO - maybe add these as event handlers for the buttons 
            // TODO - possible async issues when loading these pages
            
            // jQuery('#content').load('searchForm.html');
            // jQuery('#content').load('offerForm.html');
            jQuery('#content').load('listResults.html');
            
            
            $("#searchTransportation").click(function () {
                $("#content").load("searchForm.html");
            })
            
            $("#offerTransportation").click(function () {
                $("#content").load("offerForm.html");
            })

        </script>

    </body>
</html>
<!-- TODO: delete offer after the depature date expires -->